<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付订单</title>
    <link rel="shortcut icon" href="img/logo.ico">  <!--引入LOGO图标-->
    <link rel="stylesheet" href="css/common.css">  <!--引入公共css样式-->
    <link rel="stylesheet" href="css/confirm_order.css">  <!--引入confirm_order的css样式-->
</head>
<body>
<div class="header">
    <div class="middle container">
        <a href="index.html"><img class=logo src="img/index_1.png" alt="index_1.png"></a>
        <ul class="progress">
            <li class="on">1.我的购物车</li>
            <li class="on">2.提交订单方式</li>
            <li>3.成功支付订单</li>
        </ul>
    </div>
</div>
<div class="main container">
    <div class="pay_order">
        提交订单
    </div>
    <div class="address" id="address">
        <p>确定收货信息</p>
        <ul>
            <li class="on">
                <div>
                    <img src="img/confirm_order_2.png" alt="confirm_order_2.png">
                    <span>寄送至</span>
                    <label>
                        <input type="radio" checked name="address">
                        <s></s>
                    </label>
                    <p>广东省 广州市 垃圾区 中山大道99号大夏D栋</p>
                    <b>( 余怀恒  收 )</b>
                    <i>123******9568</i>
                </div>
                <div>
                    <span>【默认地址】</span>
                    <b>修改</b>
                    <i class="remove">删除</i>
                </div>
            </li>
            <li>
                <div>
                    <img src="img/confirm_order_2.png" alt="confirm_order_2.png">
                    <span>寄送至</span>
                    <label>
                        <input type="radio" name="address">
                        <s></s>
                    </label>
                    <p>广东省 广州市 垃圾区 中山大道99号大夏D栋</p>
                    <b>( 余怀恒  收 )</b>
                    <i>136******9568</i>
                </div>
                <div>
                    <span>【默认地址】</span>
                    <b>修改</b>
                    <i class="remove">删除</i>
                </div>
            </li>
        </ul>
        <span><i>+</i>添加新地址</span>
    </div>
    <div class="pay">
        <p>选择支付方式</p>
        <div>
            <label>
                <input type="radio" name="pay" checked>
                <span></span>
                <img src="img/confirm_order_5.png" alt="confirm_order_5.png">
            </label>
            <label>
                <input type="radio" name="pay">
                <span></span>
                <img src="img/confirm_order_6.png" alt="confirm_order_6.png">
            </label>
        </div>
        <b>网银支付</b>
        <ul>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
            <li>
                <label>
                    <input type="radio" name="pay">
                    <i></i>
                    <img src="img/confirm_order_7.png" alt="confirm_order_7.png">
                </label>
            </li>
        </ul>
    </div>
    <div class="information">
        <p>确认订单信息</p>
        <div class="column">
            <span>全选</span>
            <span>商品</span>
            <span>单价</span>
            <span>数量</span>
            <span>操作</span>
        </div>
        <ul class="buy-list" id="buyList">
           <!-- <li class="details">
                <img src="../img/confirm_order_8_.png" alt="confirm_order_8_.png">
                <div class="goods">
                    <div class="top">
                        <h3>JBL 汽车音响系列</h3>
                        <span>¥<s>5555.00</s></span>
                        <div id="num">
                            <img src="../img/confirm_order_9.png" alt="confirm_order_9.png">
                            <input type="text" value="1">
                            <img src="../img/confirm_order_10.png" alt="confirm_order_10.png">
                        </div>
                        <b>收藏</b>
                    </div>
                    <div class=bottom>
                        <span>编号：666<s>62</s></span>
                        <b>本订单已免运费</b>
                        <img src="../img/order_5.png" alt="order_5.png">
                    </div>
                </div>
            </li>-->
        </ul>
    </div>
    <div class="price">
        <div class="integral">
            <span>使用积分<s>&gt</s></span>
            <i>运费<b>：¥</b><s id="freight">5.00</s></i>
        </div>
        <div class="get_goods">
            <div>
                <span>共<s id="goodsNum">0</s>件</span>
                <i>实付款：</i>
                <b>¥<s id="goodsPrice">5555.00</s></b>
            </div>
            <p>邮寄至：广东省 广州市 垃圾区 中山大道99号大夏D栋</p>
            <p>收货人： 余怀恒 136******9568</p>
        </div>
        <div class="submit">
            <input type="submit" value="提交" id="submit">
        </div>
        <a href="shop_cart.html"><i>&lt</i><i>&lt</i>返回购物车</a>
    </div>
</div>
<div class="footer">
    <ul class="access container">
        <li>
            <img src="img/index_31.png" alt="index_31.png">

            <div class="text">
                <h3>天天低价</h3>

                <p>超值特价 每日更新</p>
            </div>
        </li>
        <li>
            <img src="img/index_32.png" alt="index_32.png">

            <div class="text">
                <h3>正品保障</h3>

                <p>100%正品采购</p>
            </div>
        </li>
        <li>
            <img src="img/index_33.png" alt="index_33.png">

            <div class="text">
                <h3>15天退换货</h3>

                <p>退换无忧，购物更放心</p>
            </div>
        </li>
        <li>
            <img src="img/index_34.png" alt="index_34.png">

            <div class="text">
                <h3>评价晒单有礼</h3>

                <p>分享评价活动礼券</p>
            </div>
        </li>
    </ul>
    <div class="service container">
        <dl>
            <dt>新手入门</dt>
            <dd><a href="javascript:;">购物流程</a></dd>
            <dd><a href="javascript:;">会员制度</a></dd>
            <dd><a href="javascript:;">订单查询</a></dd>
        </dl>
        <dl>
            <dt>支付方式</dt>
            <dd><a href="javascript:;">货到付款</a></dd>
            <dd><a href="javascript:;">网上支付</a></dd>
            <dd><a href="javascript:;">银行支付</a></dd>
            <dd><a href="javascript:;">其他支付</a></dd>
        </dl>
        <dl>
            <dt>配送服务</dt>
            <dd><a href="javascript:;">配送进度查询</a></dd>
            <dd><a href="javascript:;">商品验货与验收</a></dd>
        </dl>
        <dl>
            <dt>售后保证</dt>
            <dd><a href="javascript:;">退换货政策</a></dd>
            <dd><a href="javascript:;">联系客服</a></dd>
        </dl>
        <div class="scan">
            <p>扫一扫关注公众号</p>
            <img src="img/index_35.png" alt="index_35.png">
        </div>
    </div>
    <div class="record container">
        <p>Copyright© 2002-2017 ，音响有限公司版权所有 苏ICP备10207551号-4| 苏B1-20130131| 苏B2-20130376</p>
        <ul>
            <li><a href="javascript:;"><img src="img/index_42.png" alt="index_42.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_43.png" alt="index_43.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_44.png" alt="index_44.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_45.png" alt="index_45.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_46.png" alt="index_46.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_47.png" alt="index_47.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_48.png" alt="index_48.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_49.png" alt="index_49.png"></a></li>
        </ul>
    </div>
</div>
<script src="lib/jquery-1.11.3.min.js"></script>
<script src="lib/storages.js"></script>
<script src="js/common.js"></script>
<script src="js/confirm_order.js"></script>
</body>
</html>